@import "variable.less";
@import "func.less";
@import "mixin.less";


.row {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  .clearfix;
  > [class^=col-]{
    float: left;
  }

  .loop-columns(24);
}

.loop-columns(@n, @i: 1) when (@i =< @n) {
  .col-@{i} {
    width: (floor((@i * 1000000 / @n)) / 10000) * 1%;
  }

  &.gutter-large {
    .col-@{i} {
      .padding-horizontal(--gutter-large-inner, 12px);
    }
  }

  &.gutter-medium {
    .col-@{i} {
      .padding-horizontal(--gutter-medium-inner, 16px);
    }
  }

  &.gutter-small {
    .col-@{i} {
      .padding-horizontal(--gutter-small-inner, 8px);
    }
  }

  .loop-columns(@n, (@i + 1));
}























